<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="renderer" content="webkit"> 
    <meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
    <link rel="stylesheet" href="css/my_base.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/select.css">
    <link rel="stylesheet" href="css/double-date.css">
    <script src='script/jquery-2.0.3.js'></script>
    <script src='js/double-date.js'></script>
    <script src='script/jquery.htools.select.js'></script>
    <script type="text/javascript" src='script/echart.js'></script>
    <script src='js/index.js'></script>
</head>

<body>
<div class="main-box">
		<div class="main-box-content main07 ">
			<div class="table_wrapper_param ">
				<table class="param_set ">
					<tr>
						<th style="width: 4% ">序号</th>
						<th style="width: 17% ">设备名</th>
						<th style="width: 57% ">设定状态</th>
						<th style="width: 15% ">设定时间</th>
						<th style="width: 6% ">修改</th>
					</tr>
						<tr>
							<td class="param_num ">1</td>
							<td class="param_equip_name ">高压区1#泵</td>
							<td class="param_state "><span class="pump_on pump_btn_active">启动</span><span class="pump_off pump_btn_stop">停用</span></td>
							<td class="param_date ">2017-4-5</td>
							<td class="param_edit ">修改</td>
						</tr>
						<tr>
							<td class="param_num ">2</td>
							<td class="param_equip_name ">高压区2#泵</td>
							<td class="param_state "><span class="pump_on pump_btn_active">启动</span><span class="pump_off pump_btn_stop">停用</span></td>
							<td class="param_date ">2017-4-5</td>
							<td class="param_edit ">修改</td>
						</tr>
						<tr>
							<td class="param_num ">3</td>
							<td class="param_equip_name ">高压区3#泵</td>
							<td class="param_state "><span class="pump_on pump_btn_active">启动</span><span class="pump_off pump_btn_stop">停用</span></td>
							<td class="param_date ">2017-4-5</td>
							<td class="param_edit ">修改</td>
						</tr>
						<tr>
							<td class="param_num ">4</td>
							<td class="param_equip_name ">中压区1#泵</td>
							<td class="param_state "><span class="pump_on pump_btn_active">启动</span><span class="pump_off pump_btn_stop">停用</span></td>
							<td class="param_date ">2017-4-5</td>
							<td class="param_edit ">修改</td>
						</tr>
						<tr>
							<td class="param_num ">5</td>
							<td class="param_equip_name ">中压区2#泵</td>
							<td class="param_state "><span class="pump_on pump_btn_active">启动</span><span class="pump_off pump_btn_stop">停用</span></td>
							<td class="param_date ">2017-4-5</td>
							<td class="param_edit ">修改</td>
						</tr>
						<tr>
							<td class="param_num ">6</td>
							<td class="param_equip_name ">中压区3#泵</td>
							<td class="param_state "><span class="pump_on pump_btn_active">启动</span><span class="pump_off pump_btn_stop">停用</span></td>
							<td class="param_date ">2017-4-5</td>
							<td class="param_edit ">修改</td>
						</tr>
						<tr>
							<td class="param_num ">7</td>
							<td class="param_equip_name ">低压区1#泵</td>
							<td class="param_state "><span class="pump_on pump_btn_active">启动</span><span class="pump_off pump_btn_stop">停用</span></td>
							<td class="param_date ">2017-4-5</td>
							<td class="param_edit ">修改</td>
						</tr>
						<tr>
							<td class="param_num ">8</td>
							<td class="param_equip_name ">低压区2#泵</td>
							<td class="param_state "><span class="pump_on pump_btn_active">启动</span><span class="pump_off pump_btn_stop">停用</span></td>
							<td class="param_date ">2017-4-5</td>
							<td class="param_edit ">修改</td>
						</tr>
						<tr>
							<td class="param_num ">9</td>
							<td class="param_equip_name ">低压区3#泵</td>
							<td class="param_state "><span class="pump_on pump_btn_active">启动</span><span class="pump_off pump_btn_stop">停用</span></td>
							<td class="param_date ">2017-4-5</td>
							<td class="param_edit ">修改</td>
						</tr>
						
				</table>
			</div>
		</div>
	</div>
</body>
</html>
<script>
	$('.param_state>span').click(function() {
		$(this).addClass('pump_btn_active').siblings().removeClass('pump_btn_active').addClass('pump_btn_stop')
	});
</script>